<template>
  <div>
    <div>
      <el-row type="flex" class="headerTop" justify="center">
      <el-col :span="8"></el-col>
      <el-col :span="8">
        <span><img src="" alt=""></span>
        <span>后台管理系统</span>
      </el-col>
      <el-col :span="8"></el-col>
    </el-row>
    </div>
    <div>
    <el-row type="flex" justify="center">
      <el-col :span="8"></el-col>
      <el-col :span="8">
        <span>
          是中国最具影响力的企业级 低代码平台
        </span>
      </el-col>
      <el-col :span="8"></el-col>
    </el-row>
    </div>
    <div>
    <el-row type="flex" justify="center">
      <el-col :span="8"></el-col>
      <el-col :span="8">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="账号密码登录" name="first"></el-tab-pane>
          <el-tab-pane label="手机号登陆" name="second"></el-tab-pane>
        </el-tabs>
      </el-col>
      <el-col :span="8"></el-col>
    </el-row>
    </div>
    <div>
      <el-row type="flex" justify="center">
        <el-col :span="8"></el-col>
        <el-col :span="8">
          <el-form ref="form" :model="form" label-width="100px">
            <el-form-item>
              <el-col :span="18">
                <el-input type="text" prefix-icon="el-icon-user" placeholder="请输入用户名/admin" v-model="form.date1" style="width: 100%;"></el-input>
              </el-col>
            </el-form-item>
            <el-form-item>
              <el-col :span="18">
                <el-input min="200px" type="text" prefix-icon="el-icon-user" placeholder="请输入密码/123456" v-model="form.date1" style="width: 100%;"></el-input>
              </el-col>
            </el-form-item>
            <el-form-item>
              <el-col :span="18">
                <el-input type="text" prefix-icon="el-icon-user" placeholder="请输入验证码" v-model="form.date1" style="width: 100%;"></el-input>
              </el-col>
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        activeName: 'second',
        form: {
          name: '',
          region: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
      onSubmit() {
        console.log('submit!');
      }
    }
  }
</script>
<style>
  .el-tabs__nav-wrap::after {
    position: static !important;
  }
</style>